<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的玖琳</title>
    <meta name="keywords" content="#">
    <meta name="author" content="张伟海">
    <meta name="description" content="#">
    <link rel="shrotcut icon" href="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/user.css">
</head>
<body>
<header>
    <div class="cover"></div>
    <img src="img/touxiang.png" alt="touxiang">
    <p id="loginUserName">翠花上酸菜</p>
</header>

<div class="middle">
    <div class="order container">
        <a href="order.html">
            <h6>我的订单</h6>
            <span>查看全部订单</span>
        </a>
    </div>
    <ul class="order-details container">
        <li>
            <a href="javascript:;">
                <img src="img/001.png" alt="">
                <p>待付款</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/002.png" alt="">
                <p>待发货</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/003.png" alt="">
                <p>待收货</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/004.png" alt="">
                <p>待评价</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/005.png" alt="">
                <p>退款/退货</p>
            </a>
        </li>
    </ul>
    <ul class="personal container">
        <li>
            <a href="javascript:;">
                <img src="img/01.png" alt="">
                <h6>管理收获地址</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/02.png" alt="">
                <h6>个人资料</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/03.png" alt="">
                <h6>我的收藏</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/04.png" alt="">
                <h6>我的足迹</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/05.png" alt="">
                <h6>我的资产</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/06.png" alt="">
                <h6>我的活动</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/07.png" alt="">
                <h6>必抢清单</h6>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="img/08.png" alt="">
                <h6>帮助与反馈</h6>
            </a>
        </li>
    </ul>
</div>

<div class="footer">
    <ul class="footerNav clearFix">
        <li>
            <a href="index.html">首页</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="pro_list.html">分类</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="shop_cart.html">订单</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li class="on">
            <a href="user.html">我的</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="shop_cart.html">购物车</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
    </ul>
</div>



<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="js/common.js"></script>
<script src="js/user.js"></script>
</body>
</html>